@import './../lib/reset.scss';
* { touch-action: none; }
html, body, #root, .container {
  @include rect(100%, 100%);
}
.container {
  @include flexbox();
  @include flex-direction(column);
  
  .box {
    @include flex();
    @include rect(100%, auto);
    @include overflow();
    @include flexbox();
    @include flex-direction(column);
    .header {
      @include rect(100%, 0.44rem);
      @include background-color(#f66);
    }
  
    .content {
      @include flex();
      @include rect(100%, auto);
      @include overflow();
    }
  }

  .footer {
    @include rect(100%, 0.5rem);
    @include background-color(#efefef);

    ul {
      @include rect(100%, 100%);
      @include flexbox();
      a {
        @include flex();
        @include rect(auto, 100%);
        @include flexbox();
        @include flex-direction(column);
        @include justify-content();
        @include align-items();
        @include color(#333);

        &.selected {
          @include color(#f66);
        }
      }
    }
  }
}